/* commom css start */ @charset "utf-8"; * {margin: 0;padding: 0;box-sizing: border-box;} @font-face { font-family: "SourceHanSansCN"; src: url("../font/SOURCEHANSANSCN-REGULAR.OTF") format("opentype"); } html {font-family: "SourceHanSansCN";} body, button, input, select, textarea {font: 90% "SourceHanSansCN"!important;} input,textarea {font-size: 100%;-webkit-appearance : none;} input:focus, select:focus, textarea:focus{border: 1px solid #66A6FF !important;outline:0 !important;} table {border-collapse: collapse;border-spacing: 0;table-layout:fixed;} ol, ul {list-style: none;} h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: bold;} a {color: #323232;text-decoration: none;display: inline-block;} a:hover {text-decoration: none;} img {max-width: 100%;border: none;} .clearfix:before, .clearfix:after {content: "";display: table;} .clearfix:after {clear: both;overflow: hidden;} .clearfix {zoom: 1;} i{font-style: normal;} .fl, .fr {display: inline;} .fl {float: left;} .fr {float: right;} .main {max-width: 1400px;margin: 0 auto;/*max-width: 96%;*/} .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .ellipsis2 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .ellipsis3 {overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;} .menu {position: fixed;top:0;left: 0;width: 100%;height: 90px;z-index:999;background:rgba(0,0,0,0.3);/*border-bottom:1px solid #fff;*/} .nav {width: 60%;float:right;} .nav ul {width: calc(100% - 140px)} .nav li {float: left;overflow: hidden;width: calc(100% / 7);height: 90px;line-height: 90px;transition: ease 0.65s;} .nav li:hover a {font-weight:bold;} .nav li.active a {font-weight:bold;} .nav li a {display: block;text-align:center;} .nav li a h2 {font-size: 16px;color: #fff;font-weight: normal;} .nav li.active a h2,.nav li:hover a h2{font-weight: bold;color:#fff;} .logo {height:90px;margin-left: 40px;} .logo a {overflow:hidden;display: block;margin:auto;position: relative;width:100%;height:100%;} .logo a .img1 {position: relative;height:40px;margin:25px 5px;float:left;} .logo a .img3 {vertical-align: middle;position: absolute;width: 134px;top:0;bottom:0;left:0;right:0;margin:auto;} /*第一页*/ #fp-nav {display: none;} .section {background-size: cover;background-position: center;background-repeat: no-repeat;position: relative;} .center-wrap {position: relative;z-index: 1;width:100%;height: 100%;margin: 0 auto;} .bannerBox {position: absolute; width: 100%; height: 100%; right: 0;top: 0; z-index: 20; overflow:hidden;background:url("../images/homebanner.jpg") no-repeat center;-webkit-animation:bigsmall-data 3s linear 1;animation:bigsmall-data 3s linear 1;background-size: cover;} .page1 .hometoptit {position: absolute;top: 50%;left: 25%;transform: translateY(-50%);width:400px;} .page1 .hometoptit h2 {color:#fff;font-size:50px;line-height:60px;} .page1 .hometoptit p.line_home {width:100%;height:1px;background:#fff;margin:20px auto;} .page1 .hometoptit p.text {color:#fff;font-size:18px;padding-right:10px;line-height:30px;} @-webkit-keyframes bigsmall-data {0%{transform: scale(1);}25%{transform: scale(1.1);}50%{transform: scale(1.2);}75%{transform: scale(1.1);}100%{transform: scale(1);}} @keyframes bigsmall-data {0%{transform: scale(1);}25%{transform: scale(1.1);}50%{transform: scale(1.2);}75%{transform: scale(1.1);}100%{transform: scale(1);}} /*第二页*/ .page2 {background:url("../images/home_page2_back.jpg") no-repeat center center;background-size: cover;} /*.page2_img {opacity: 1;width: 50%} .page2_img img {height: 70vh;} .active .page2_img {position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both;animation:fade-data .5s cubic-bezier(.215,.61,.355,1) .5s 1 normal both} @-webkit-keyframes fade-data {0%{opacity:0}to{opacity:1}} @keyframes fade-data {0%{opacity:0}to{opacity:1}}*/ .page2 .page2_text {position: absolute;overflow:hidden;height:auto;width:40%;/*padding:13% 10% 5% 0;*/top: 40%;right: 10%;transform: translateY(-50%);} /*.page2 .page2_text h3 {font-size: 32px;font-weight: bold;color: #000;opacity:1;line-height: 120px;}*/ .page2 .page2_text .img {width:100%;max-height:187px} .page2 .page2_text .img img {max-width:622px;max-height:100%;} .page2 .page2_text p {line-height: 30px;color:#545454;font-size:16px;} .more {position: relative;overflow:hidden;} .more a {width:155px;height: 40px;line-height: 40px;text-align:center;display: block;margin-top: 60px; transition: all 1s;border-radius:10px;background:#0b63c1;color:#fff;} .page2 .page2_icons {width:auto;position: absolute;overflow:hidden;height:auto;bottom: 10%;right: 10%;padding-right:5px;} .page2 .page2_icons ul {width:100%;position:relative;} .page2 .page2_icons ul li {float:left;width:160px;padding:10px 0 0 40px;margin-left:40px;} .page2 .page2_icons ul li div {width:120px;height:120px;border-radius:120px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);} .page2 .page2_icons ul li .img1 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon1.png") no-repeat center center;} .page2 .page2_icons ul li .img2 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon2.png") no-repeat center center;} .page2 .page2_icons ul li .img3 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon3.png") no-repeat center center;} .page2 .page2_icons ul li .img4 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon4.png") no-repeat center center;} .page2 .page2_icons ul li .img5 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon5.png") no-repeat center center;} .page2 .page2_icons ul li:hover div {-webkit-animation:shake 0.8s cubic-bezier(.36,.07,.19,.97) both;animation:shake 0.8s cubic-bezier(.36,.07,.19,.97) both;} .page2 .page2_icons ul li p {text-align:center;line-height:30px;color:#303030;font-size:16px;margin-top:15px;} @-webkit-keyframes shake { 10%,90%{ transform: rotate(10deg); } 20%,80%{ transform: rotate(-10deg); } 30%,50%,70%{ transform: rotate(40deg); } 40%,60%{ transform: rotate(-40deg); } } @keyframes shake { 10%,90%{ transform: rotate(10deg); } 20%,80%{ transform: rotate(-10deg); } 30%,50%,70%{ transform: rotate(40deg); } 40%,60%{ transform: rotate(-40deg); } } /*第三页*/ .page3 {position:relative;background:url("../images/home_page3_back.jpg") no-repeat center center;background-size: cover;} .page3 div {position:relative;overflow:hidden;width:100%;height:100%;} .page3 img {margin:0 auto;max-height:calc(100% - 90px);display: block;margin-top:90px;} /*第四页*/ .page4 {position:relative;background: url("../images/home_page4_back.jpg") no-repeat center center;background-size: cover;} /*.page4:after {background-color: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;width:100%;height:100%;z-index:1;content: '';}*/ .page4 .main {z-index:2;position: relative;max-width:1400px;height:100%;padding-top:90px;overflow:hidden;margin:0 auto;} .page4 .main .tit {width:100%;height:auto;position: relative;overflow:hidden;text-align:center;margin-top:40px;} .page4 .main .tit h3 {height:50px;line-height:50px;font-size:32px;} .page4 .main .tit p {height:30px;line-height:30px;font-size:24px;} .page4 .main .tit i {display:block;width:100px;height:1px;background:#000;margin:15px auto;} .page4 .main .cont {width:100%;height:auto;position: relative;overflow:hidden;display:absolute;left:50%;top:35%;transform: translate(-50%,-50%);} .page4 .main .cont ul {width:100%;height:auto;position: relative;overflow:hidden;} .page4 .main .cont ul li {width:calc((100% - 120px) / 4);float:left;margin-right:40px;} .page4 .main .cont ul li:last-child {margin-right:0;} .page4 .main .cont ul li a {text-align:center;} .page4 .main .cont ul li a p.text1 {font-size:24px;height:50px;line-height:50px;font-weight:bold;} .page4 .main .cont ul li a p.text2 {font-size:16px;height:25px;line-height:25px;padding:0 20px;} /*第五页*/ .page5 {position:relative;background: url("../images/home_page5_back.jpg") no-repeat center center;background-size: cover;} .page5 .main {z-index:2;position: relative;max-width:1400px;height:100%;padding-top:90px;overflow:hidden;margin:0 auto;} .page5 .main .tit {width:100%;height:auto;position: relative;overflow:hidden;text-align:center;margin-top:40px;color:#fff;} .page5 .main .tit h3 {height:50px;line-height:50px;font-size:32px;} .page5 .main .tit p {height:30px;line-height:30px;font-size:24px;} .page5 .main .tit i {display:block;width:100px;height:1px;background:#fff;margin:15px auto;} .page5 .main .cont {width:100%;height:auto;position: relative;overflow:hidden;display:absolute;left:50%;top:35%;transform: translate(-50%,-50%);} .page5 .main .page_text {width:100%;position:relative;overflow:hidden;} .page5 .main .page_text li {width: calc((100% - 60px) / 2);position:relative;overflow:hidden;float:left;} .page5 .main .page_text li:first-child {margin-right:60px;} .page5 .main .page_text li a {width:100%;display:block;position:relative;overflow:hidden;} .page5 .main .page_text li a img {width:100%;display:block;} .page5 .main .page_text li a div {width:100%;padding:15px;} .page5 .main .page_text li a div h3 {width:100%;font-size:16px;color:#fff;line-height:30px;height:30px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;position: relative;margin-bottom:10px;} .page5 .main .page_text li a div p {width:100%;font-size:16px;color:#fff;line-height:20px;height:40px;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;position: relative;margin-bottom:10px;} .page5 .main .page_text li a div i {color:#fff;font-size:14px;} .page5 .main .page_text li:hover h3 {font-weight:bold} .page5 .main .page_text2 {width:100%;position:relative;overflow:hidden;} .page5 .main .page_text2 li {width: calc((100% - 60px) / 2);position:relative;overflow:hidden;float:left;} .page5 .main .page_text2 li:nth-child(2n+1) {margin-right:60px;} .page5 .main .page_text2 li a {position:relative;overflow:hidden;display:block;width:calc(100% - 30px);margin:10px auto;border-bottom:1px solid #d7d7d7;padding-bottom: 15px;} .page5 .main .page_text2 li .time {float:left;width:15%;} .page5 .main .page_text2 li .time .time1 {font-size:22px;font-weight:bold;color:#fff;} .page5 .main .page_text2 li .time .time2 {font-size:20px;color:#fff;} .page5 .main .page_text2 li .cont2 {float:left;width:85%;background:url("../images/line.png") no-repeat 0 center;padding-left:15px;} .page5 .main .page_text2 li .cont2 h3 {font-size:18px;line-height:24px;color:#fff;} .page5 .main .page_text2 li .cont2 p {font-size:12px;color:#fff;height:40px;line-height:20px;position:relative;overflow:hidden;} .page5 .main .page_text2 li:hover h3 {font-weight:bold} .footer {background:#000;background-size:100% auto;} .footer:before {position: absolute;display: block;content: '';width: 100%;height: calc(100% - 40px);top: 0;left: 0;z-index: 1;background-color: rgba(49,45,46,0.9)} .footer .main {padding: 70px 0;position: relative;z-index:99;max-width:1400px;} .footer_center {width: 127px;font-size: 14px;color: #fff;text-align: center;} .footer_left,.footer_right {width: calc((100% - 127px) / 2);font-size: 16px;color: #fff;line-height: 30px;} .footer_left a {color: #fff;} .footer_right {text-align: right;} .footer_right dt {/*color: #1D6FDF;*/font-size: 18px;font-weight: bold;position:relative;overflow:hidden;} .footer_left img {margin-top: 15px;} .footer_code {width: 100%;height: 127px;background: url("../images2/code_p.png") no-repeat;padding: 10px;margin-bottom: 5px;} .footer_code img {width: 100%;height: 100%;} .footer_top {width: 100%;height: 40px;background-color: #1D6FDF;position: relative;} .footer_right {padding-left:200px;text-align:left;} .footer_right dt img {float:left;} .footer_right dt p {float:left;margin-left:10px;} .footer_right dd.ditel {padding-left:38px;font-size:24px;font-weight:bold;word-wrap:break-word;} .footer_code {width: 100%;height: 127px;background: url("../images/code_p.png") no-repeat;padding: 10px;margin-bottom: 5px;} .footer_code img {width: 100%;height: 100%;} .footer_top {width: 100%;height: 40px;background-color: rgba(49,45,46,0.9);position: relative;overflow: hidden;} .footer_left, .footer_right {width: calc((100% - 127px) / 2)} .footer_code {width:127px;margin: 0 auto;} .top_icon {width: 80px;height: 80px;border-radius: 50%;background: #1D6FDF url("../images/top.png") no-repeat center 15px;position: absolute;left: 50%;/*top: -40px;*/transform: translateX(-50%);z-index:999;cursor: pointer;} .pc_box {display: block;} .m_box {display: none;} .secwen.animate {opacity: 1;filter: alpha(opacity=100);transform: translateY(0);transition: 0.5s;} .secwen {opacity: 0;filter: alpha(opacity=0);transform: translateY(30px);transition: .5s;} .animate.add1 {transition-delay: .1s;} .animate.add2 {transition-delay: .2s;} .animate.add3 {transition-delay: .3s;} .animate.add4 {transition-delay: .4s;} .animate.add5 {transition-delay: .5s;} .animate.add6 {transition-delay: .6s;} .nav-btn {display: none;} /*手机端首页*/ .mob_page1 {position:relative;overflow:hidden;width:100%;} .mob_page1 img {width:100%;float:left;} .mob_page1 .hometoptit {position: absolute;top: 40%;left: 5%;transform: translateY(-50%);width:90%;} .mob_page1 .hometoptit h2 {color:#fff;font-size:36px;line-height:50px;} .mob_page1 .hometoptit p.line_home {width:100%;height:1px;background:#fff;margin:10px auto;} .mob_page1 .hometoptit p.text {color:#fff;font-size:14px;padding-right:10px;line-height:30px;} .mob_page2 {position:relative;/*overflow:hidden;*/width:100%;background:url("../images/mob_page2.jpg") no-repeat top center;} .mob_page2 .cont {width:calc(100% - 30px);position:absolute;left:15px;top:-80px;overflow:hidden;background:rgba(151,181,235,0.7);border-radius:10px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);padding:15px;} .mob_page2 .cont .tit {width:100%;height:65px;} .mob_page2 .cont .tit h3 {color:#000;font-size:20px;line-height: 35px;} .mob_page2 .cont .tit p {color:#202020;font-size:10px;line-height: 20px;} .mob_page2 .cont .cont2 {width:100%;padding:15px 0;} .mob_page2 .cont .cont2 p {text-indent:2em;color:#202020;} .mob_page2 .cont .cont2 ul {width:100%;position:relative;overflow:hidden;margin-top:40px;} .mob_page2 .cont .cont2 ul li {float:left;width:50%;margin-bottom:20px;} .mob_page2 .cont .cont2 ul li div {width:120px;height:120px;border-radius:120px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);margin:10px auto;} .mob_page2 .cont .cont2 ul li .img1 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon1.png") no-repeat center center;} .mob_page2 .cont .cont2 ul li .img2 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon2.png") no-repeat center center;} .mob_page2 .cont .cont2 ul li .img3 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon3.png") no-repeat center center;} .mob_page2 .cont .cont2 ul li .img4 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon4.png") no-repeat center center;} .mob_page2 .cont .cont2 ul li .img5 {background:rgba(232,239,255,0.5) url("../images/home_page2_icon5.png") no-repeat center center;} .mob_page2 .cont .cont2 ul li p {text-indent:0;text-align:center;color:#303030;font-size:16px;margin-top:15px;} .mob_page3 {position:relative;overflow:hidden;width:100%;} .mob_page3 img {width:100%;float:left;} .mob_page4 {position:relative;overflow:hidden;width:100%;background:url("../images/mob_page4.jpg") no-repeat top center;} .mob_page4 .tit {width:100%;height:auto;position: relative;overflow:hidden;text-align:center;margin-top:30px;} .mob_page4 .tit h3 {height:40px;line-height:40px;font-size:26px;} .mob_page4 .tit p {height:20px;line-height:20px;font-size:14px;} .mob_page4 .tit i {display:block;width:70px;height:1px;background:#000;margin:10px auto;} .mob_page4 ul {width:100%;position:relative;overflow:hidden;margin-top:40px;padding:0 30px;} .mob_page4 ul li {width:100%;position:relative;overflow:hidden;} .mob_page4 ul li img {width:100%;} .mob_page4 ul li .text1 {text-align:center;font-size:16px;margin-top:15px;} .mob_page4 ul li .text2 {text-align:center;font-size:14px;margin:10px 0 25px;} .mob_page5 {position:relative;overflow:hidden;width:100%;background:url("../images/mob_page5.jpg") no-repeat top center;} .mob_page5 .tit {width:100%;height:auto;position: relative;overflow:hidden;text-align:center;margin-top:30px;} .mob_page5 .tit h3 {height:40px;line-height:40px;font-size:26px;} .mob_page5 .tit p {height:20px;line-height:20px;font-size:14px;} .mob_page5 .tit i {display:block;width:70px;height:1px;background:#000;margin:10px auto;} .mob_page5 ul {width:100%;position:relative;overflow:hidden;margin-top:40px;padding:0 30px;} .mob_page5 ul li {width:100%;position:relative;overflow:hidden;} .mob_page5 ul li img {width:100%;} .mob_page5 ul li .text1 {text-align:center;font-size:16px;margin:15px 0 25px;} .mob_footer {position:relative;overflow:hidden;width:100%;background:#226EBF;padding:20px 0 0} .mob_footer .mob_foot_left {width:50%;float:left;position:relative;overflow:hidden;text-align:center;} .mob_footer .mob_foot_left .mob_foot_logo img{max-width:100%;} .mob_footer .mob_foot_left .mob_foor_tel{margin-top:20px;} .mob_footer .mob_foot_left .mob_foor_tel p{color:#fff;font-size:20px;} .mob_footer .mob_foot_right {width:50%;float:left;position:relative;overflow:hidden;text-align:center;} .mob_footer .mob_foot_right img {max-width:70%;} .mob_footer .mob_foot_right p {color:#fff;} .mob_footer .mob_foot_bot {width:100%;float:left;border-top:1px solid #fff;text-align:center;padding:10px 0;margin-top:10px;} .mob_footer .mob_foot_bot p {color:#fff;line-height:20px;} .mob_footer .mob_foot_bot p a {color:#fff;} /*其他列表页头部及公用banner*/ .public_banner {position:relative;} .public_banner .banner li {position:relative;height: auto; line-height: 0; } .public_banner .banner li img {line-height: 0;max-width: 100%;height:auto !important;transition: transform 5.5s ease 0s, opacity 2s ease 0s; -webkit-transition: transform 5.5s ease 0s, opacity 2s ease 0s; opacity: 1;} .public_banner_m {position:relative;overflow:hidden;} .public_banner_m img {float:left;width:100%;} /*栏目页面部分*/ .content {width:100%;/*background:#F6F6F6;*/position:relative;overflow: hidden;} .content .ptit {max-width:1400px;position:relative;overflow: hidden;margin:20px auto;height:60px;line-height:60px;border-bottom:1px solid #3e3e3e;} .content .ptit h3 {font-size:30px;float:left;} .content .ptit span {font-size:24px;float:left;display:block;line-height:72px;margin-left:10px;color:#202020;} .content .pcont1 {width:calc(100% - (100% - 1400px) / 2);position:relative;overflow:hidden;padding-top:200px;} .content .pcont1 img {max-width:100%;} .content .pcont1 div {width:40%;position:absolute;top:150px;right:0;z-index:99;} .content .pcont1 div h3 {font-size:30px;margin-bottom:20px;} .content .pcont1 div span {font-size:18px;display:block;color:#202020;margin-bottom:30px;} .content .pcont1 div p {font-size:18px;color:#202020;line-height:30px;} .content .pcont2 {max-width:1400px;position:relative;overflow:hidden;margin:20px auto 50px;text-align:center;} .content .pcont2 p {font-size:18px;color:#202020;line-height:30px;text-align:left;} .content .pcont2 img {max-width:100%;margin:20px auto;} .content_mob {width:100%;height:auto;position:relative;overflow:hidden;} .content_mob .ptit {width:100%;height:auto;position:relative;overflow:hidden;margin:30px auto;} .content_mob .ptit h3 {text-align:center;font-size:24px;line-height:40px;} .content_mob .ptit span {text-align:center;display:block;font-size:14px;line-height:30px;} .content_mob .ptit p {font-size:16px;line-height:30px;margin:20px auto;padding:0 15px;} .content_mob .abouttit {width:100%;height:auto;position:relative;overflow:hidden;margin:66px auto;} .content_mob .abouttit h3 {text-align:center;font-size:24px;line-height:40px;} .content_mob .abouttit span {text-align:center;display:block;font-size:14px;line-height:30px;} .content_mob .abouttit p {font-size:16px;line-height:30px;margin:20px auto;padding:0 15px;} .content .main {max-width:1400px;position:relative;margin:60px auto;background:#fff;padding:25px;} .content .main .tit {width:100%;position:relative;overflow: hidden;margin:20px auto;height:60px;line-height:60px;border-bottom:1px solid #3e3e3e;} .content .main .tit h3 {font-size:30px;float:left;} .content .main .tit span {font-size:24px;float:left;display:block;line-height:72px;margin-left:10px;color:#202020;} .content .main .about {position:relative;overflow:hidden;width:100%;margin-top:50px;} .content .main .about .left {float:left;width:50%;position:relative;overflow:hidden;} .content .main .about .left img {max-width:100%;margin-top:20px;} .content .main .about .right {float:right;width:48%;position:relative;overflow:hidden;padding-left:2%;} .content .main .about .right h3 {font-size:28px;line-height:40px;} .content .main .about .right span {font-size:14px;display:block;margin:10px auto 40px;} .content .main .about .right ul li {width:100%;position:relative;} .content .main .about .right ul li p {text-indent:2em;font-size:16px;line-height:40px;color:#202020;cursor: pointer;} .content .main .about .right ul li img {display:none;} .content .main .about .right ul li:hover p {color:#1D6FDF;} .content .main .about .popimg {position:fixed;max-width:25%;max-height:50%;right:5%;top:50%;transform: translateY(-50%);z-index:99;box-shadow: 0px 0px 10px 2px #ddd;display:block;} .content .main .about .popimg img {width:100%;} .content .imgbot {width:100%;height:363px;background:url("../images/qiye_bottom.png") no-repeat center center;} .content_mob .zizhi {width:100%;height:auto;position:relative;overflow:hidden;background: url("../images/mob_zizhi_back1.png")top center no-repeat,url("../images/mob_zizhi_back2.png")center bottom no-repeat;background-size: 100%;} .content_mob .zizhi h3 {text-align:center;font-size:24px;line-height:40px;color:#fff;margin-top:30px;} .content_mob .zizhi span {text-align:center;display:block;font-size:14px;line-height:30px;color:#fff;} .content_mob .zizhi ul {width:100%;position:relative;overflow:hidden;} .content_mob .zizhi ul li {float:left;width:calc((100% - 40px) / 2);margin:20px 10px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);text-align:center;} .content_mob .zizhi ul li img {max-width:100%;height:150px;} .content .mobtit h3 {text-align:center;font-size:24px;line-height:40px;margin-top:30px;} .content .mobtit span {text-align:center;display:block;font-size:14px;line-height:30px;} .content .main .cases {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .cases ul {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .cases ul li {width:calc((100% - 100px) / 3);height:auto;position:relative;overflow:hidden;margin-right:50px;margin-bottom:30px;float:left;border-radius:10px;} .content .main .cases ul li:nth-child(3n) {margin-right:0;} .content .main .cases ul li a {width:100%;display:block;border-radius:10px;position:relative;overflow:hidden;} .content .main .cases ul li a img {width:100%;border-radius: 10px;height:340px;} .content .main .cases ul li a p {font-size:18px;line-height:30px;text-align:center;} .content .main .content_info {padding: 30px 10px 10px 10px;} .content .main .content_head {text-align: center;font-size: 24px;color: #303030;} .content .main .content_time span {color: #666;font-size: 14px;margin-right: 10px;} .content .main .content_newstext {border-top: 1px solid #e9e9e9;margin-top: 40px;padding: 60px 0 45px 0;color: #666;font-size: 16px;line-height: 30px;text-align: justify;} .content .main .content_newstext img {height: auto !important;} .content .main .article_list {width:100%;height:auto;position:relative;overflow:hidden;padding:10px;} .content .main .article_list ul {padding: 40px 0 20px 0;} .content .main .article_list li {width: 100%;padding:20px 0;margin-bottom: 20px;background-color: #fff;position: relative;border-bottom:1px dashed #DBDBDB;} .content .main .article_list li a {display: block;} .content .main .article_list .news_img {width: 290px;} .content .main .article_list .news_img img {transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;} .content .main .article_list .news_more {width: 30px;margin-top:20px;margin-bottom:15px;} .content .main .article_list .news_info {width: calc(100% - 290px);padding:0 2% 0 2%;font-size: 14px;color: #303030;line-height: 26px;} .content .main .article_list .news_info h3 {font-size: 18px;color: #303030;line-height: 30px;} .content .main .article_list .news_info time {margin: 10px 0;display: block;} .content .main .article_list .news_more span {display: block;height: 10px;background: url("../images/more.png") no-repeat right center;position: relative;} .content .main .addtel {width:100%;position:relative;overflow:hidden;} .content .main .addtel .address {width:50%;position:relative;overflow:hidden;float:left;} .content .main .addtel .address h3 {height:40px;line-height:40px;padding-left:50px;background:url("../images/contract_icon1.png") no-repeat center left;font-size:24px;} .content .main .addtel .address p {line-height:40px;font-size:20px;} .content .main .addtel .tel {width:50%;position:relative;overflow:hidden;float:left;} .content .main .addtel .tel h3 {height:40px;line-height:40px;padding-left:50px;background:url("../images/contract_icon2.png") no-repeat center left;font-size:24px;} .content .main .addtel .tel p {height:40px;line-height:40px;font-size:20px;} .content .contract {width:100%;position:relative;overflow:hidden;height:auto;} .content .contract .contcode {max-width:1400px;margin:0 auto;} .content .contract .contcode p {line-height:60px;font-size:24px;padding:25px;} .content .contract .contcode .code {width:100%;text-align:center;} .content .contract .contcode .code i {display:block;width:100%;font-size:24px;} .content .contract .contact_map {width:100%;min-height:400px;margin-top:50px;} .content .contract .contact_map div {width:100%;height:400px;} .content .main .recruit_info {width:100%;height:auto;position:relative;overflow:hidden;border:1px solid #ddd;} .content .main .recruit_info .recruit {width:100%;height:auto;position:relative;overflow:hidden;} .content .main .recruit_info .recruit .one {width:100%;height:80px;line-height:80px;position:relative;overflow:hidden;background:url("../images/recruit_icon1.png") no-repeat 10px center;border-bottom:1px solid #ddd;cursor:pointer;} .content .main .recruit_info .recruit .one h3 {float:left;font-size:24px;margin-left:60px;} .content .main .recruit_info .recruit .one p {float:left;font-size:14px;} .content .main .recruit_info .recruit .one i {float:right;margin-right:20px;} .content .main .recruit_info .recruit .one i img {vertical-align: middle;} .content .main .recruit_info .recruit.kai .one i img {transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;} .content .main .recruit_info .recruit .two {width:100%;position:relative;overflow:hidden;padding:20px 0;} .content .main .recruit_info .recruit .two ul {position:relative;overflow:hidden;} .content .main .recruit_info .recruit .two ul li {position:relative;overflow:hidden;float:left;min-width:120px;margin:10px 20px;text-align:center;border:1px solid #808080;border-radius:5px;padding:5px 20px;color:#808080;} .content .main .recruit_info .recruit .three {width:100%;position:relative;overflow:hidden;padding:20px;border-bottom:1px solid #ddd;font-size: 16px;line-height: 36px;} /*.pages {text-align: center;font-size: 0;margin-bottom: 35px;margin-top:20px;} .pages * {display: inline-block;font-size: 14px;} .pages a, .pages b {padding: 0px 20px;background: #1D6FDF;text-align: center;color: #fff;height: 40px;line-height: 40px;margin-right: 2px;} .pages b {background: #1D6FDF;color: #fff;cursor: default;border-color: #1D6FDF;font-weight: normal;}*/ .pages {margin-top: 20px;text-align: center;font-size: 0;margin-bottom: 20px;} .pages * {display: inline-block;font-size: 14px;} .pages a, .pages b {padding: 9px 15px;border: 1px solid #e4eaec;border-right: none;background: #ffffff;text-align: center;color: #76838f;display: inline-block;width: auto;font-size: 14px;height: 38px;line-height:20px;} .pages b {background: #1D6FDF;border-color: #1D6FDF;color: #ffffff;cursor: default;} .pages .current {background: #1D6FDF;border-color: #1D6FDF;color: #ffffff;cursor: default;} .pages a:last-child {border-right: 1px solid #e4eaec;} .pages a.to_right {border-right: 1px solid #e4eaec;} .pages a.to_right_hui {border-right: 1px solid #e4eaec;} .search_container ul {padding: 40px 0 20px 0;} .search_container li {padding: 20px;background-color: #fff;margin-bottom: 20px;} .search_container li a {display: block;line-height: 30px;} .search_container li h3 {float: left;overflow: hidden;font-size: 18px;color: #303030;width:calc(100% - 100px);} .search_container li time {float: right;overflow: hidden;font-size: 14px;color: #303030;width:100px;text-align: right;} @media screen and (max-width:768px){ .cases_back .main {width:100%;height:auto;position:relative;overflow:hidden;background: url("../images/mob_cases_back1.png")top center no-repeat,url("../images/mob_cases_back2.png")center bottom no-repeat;background-size: 100%;} .content .main .cases ul li {width:calc(100% - 30px);height:auto;position:relative;overflow:hidden;margin:25px 15px;} .content .main .addtel {padding:15px;} .content .main .addtel .address {width:100%;} .content .main .addtel .tel {width:100%;} .content .main .recruit_info {width:auto;margin:20px;} .content .main .recruit_info .recruit .one p{display:none;} .content .main .recruit_info .recruit .two ul li{min-width:auto;padding:5px;margin:10px;} .content .main .recruit_info .recruit .three{padding:10px;} .content .main .cases ul li a img {width:100%;border-radius: 10px;max-height:240px;} .content .main .content_newstext img {width:100% !important;} .content .main .content_newstext table {width:100% !important;} .public_banner .banner li img {width:100%;height:140px !important;} .content .main {width:100%;margin:0 auto;padding:0;} .content .main .title .bot {display:none;} .content .main .article_list ul {padding:0;} .content .main .article_list li {margin:0;padding: 20px;} .content .main .article_list .news_img {width:100%;border-radius:10px;position:relative;overflow:hidden;} .content .main .article_list .news_img img {width:100%;float:left;} .content .main .article_list .news_info {width:100%;padding:0;} .content .main .article_list .news_info h3 {margin-top:20px;} .content .main .article_list .news_info p {display:none;} .content .main .article_list .news_info time{display:none;} .pc_box {display: none;} .m_box {display: block;} .nav-btn {display: block;line-height: 48px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);color: #fff;transition: all .3s ease-out;background: #1D6FDF;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border-radius: 3px;color: #fff;cursor: pointer;display: block;height: 40px;outline-style: none;pointer-events: all;text-align: center;width: 40px;z-index: 1020;position: fixed;right: 10px;top: 10px;} .nav-btn-icon {-webkit-transform: rotate(0deg);cursor: pointer;display: inline-block;height: 17.3px;position: relative;transform: rotate(0deg);transition: .5s ease-in-out;width: 22px;} .nav-btn-icon span {-webkit-transform: rotate(0deg);background-color: #fff;border-radius: 2px;display: block;height: 2px;left: 0;opacity: 1;position: absolute;transform: rotate(0deg);transition: .25s ease-in-out;width: 100%;} .nav-btn-icon span:first-child {-webkit-transform-origin: left center;top: 0;transform-origin: left center;} .nav-open .nav-btn-icon span:first-child {-webkit-transform: rotate(45deg);left: 3px;top: 0;transform: rotate(45deg);} .nav-btn-icon span:nth-child(2) {-webkit-transform-origin: left center;top: 6px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(2) {opacity: 0;width: 0;} .nav-btn-icon span:nth-child(3) {-webkit-transform-origin: left center;top: 12px;transform-origin: left center;} .nav-open .nav-btn-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);left: 3px;top: 16px;transform: rotate(-45deg);} .nav .nav-level {width: 100%;height: auto;overflow: hidden;position: fixed;left: 0;top: 66px;background: rgba(0,0,0,0.7);z-index:99;display: none;border-top: 1px solid #1D6FDF;padding-bottom:10px;overflow: auto;} .nav li {width: 100%;line-height: 40px;text-align: left;} .nav li span {display: none;} .menu {height: 66px;line-height: 66px;box-shadow: 0 0 10px #ddd;position:fixed;} .public_banner {margin-top:66px;} .bannerBox {height: auto;position: static;margin-top: 66px;} .content .main .title .left {width:100%;} .content .main .title .right {width:100%;} .footer {background: #2F2A2C;} .footer .main {padding: 20px 0;max-width: 96%;} .footer_left, .footer_right {width: 100%;text-align: left;font-size: 14px;} .footer_left img {display: none;} .footer_center {width: 100%;} .footer_code {width: 127px;margin: 0 auto;} .footer_container p.m_box {margin: 0 auto;margin-bottom: 30px;text-align: center;} .footer_top {height: 50px;} .bannerBox .banner li a {height: auto;} .content_head {font-size: 20px;} .content_time span {font-size: 12px;} .content_newstext {padding: 30px 0 20px 0;} .news_more {display: none;} .news_container li {padding: 10px;} .news_img {width: 40%;} .news_info h3 {font-size: 16px;} .news_info p {font-size: 12px;text-align: justify;} .news_info time {margin: 0;} /*.table_th,.zw_info,.zw_require {padding: 10px;}*/ .search_container li {padding: 10px;} .search_container li h3 {font-size: 16px;} .search_icon a {display:none;} .nav li a {padding-left:10px;background-image: none !important;} .logo {height:66px;margin-left:10px;width:134px;} .logo a img {} .nav li a h2 {background: none;color: #fff;} .nav li {height: 40px;} .nav li:nth-of-type(5) {margin-left: 0;} .nav li.active,.nav li:hover {color: #1D6FDF;background-image: none;} .nav li.active a h2, .nav li:hover a h2 {color: #1D6FDF;} .search_icon {display:none;} .fooetr_code:nth-of-type(2) {float:left !important;margin-left:15px;} .footer:before {display:none;} }